﻿/*---YUI RESET 2.9.0-----*/
html { background:#fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top;}sub{vertical-align:baseline}legend{color:#000}:focus{outline:0;}
a,a:hover,a:active,a:focus,a:selected{outline:0;ie-dummy:expression(this.hideFocus=true);}

/*---CLEARFIX-----*/
.clearfix:before, .clearfix:after, article:before, article:after { content:""; display:table; } 
.clearfix:after, article:after { clear:both; } 
.clearfix, article { zoom:1; } /* For IE 6/7 (trigger hasLayout) */

/*---GENERAL-----*/
body { font-size:16px; line-height:21px; font-family:"Segoe UI", Helvetica, Garuda, Arial, Sans-Serif; color:#253340; }
h1 { margin:0 0 15px 0; font-size:33px; line-height:33px; font-family:"Segoe UI", Helvetica, Garuda, Arial, Sans-Serif; color:#323232; }
h2 { margin:0 0 15px 0; font-size:24px; line-height:normal; font-family:"Segoe UI", Helvetica, Garuda, Arial, Sans-Serif; color:#323232; }
h3 { color:#253340; line-height:normal; }
h1, h2, h3 { font-weight:400; }
h4 { }
h5 { }
h6 { }
p { font-size:13px; margin-bottom:15px; }
strong { font-weight:bold; }

.to-left { float:left; margin:0 15px 15px 0; }
.to-right { float:right; margin:0 0 15px 15px; }
img.to-left { }
img.to-right { }
.download-link { display:block; padding:4px 15px 4px 5px; width:200px; font-size:19px; line-height:20px; color:#fff; border:5px solid #0ca2da; background:url(../images/metro/download.png) no-repeat right top #0ca2da; text-align:center; text-decoration:none; text-transform:lowercase; }

/*---HEADER-----*/
#header { padding:0; background:#f2f2f2; border-bottom:40px solid #fff; }
	#header .header-div { position:relative; margin:0 auto; padding:12px 0 11px 0; width:1000px; }
		#header .logo-link { }
		#header .navigation-list { position:absolute; bottom:-35px; left:0px; }
			#header .navigation-list li { display:inline-block; margin-right:20px; }
			#ie7 #header .navigation-list li { display:inline; }
				#header .navigation-list li a { font-weight:bold; font-size:12px; color:#888; text-decoration:none; text-transform:uppercase; }
				#header .navigation-list li a:hover { }
			#header .navigation-list li.current a { color:#0ca2da;  }
			#header .navigation-list li.current a:hover { }
		#header .user-link { position: absolute; top:0; right:0px; display:block; padding:0 40px 0 10px; height:45px; font-weight:normal; font-size:13px; line-height:45px; color:#6a747e; text-decoration:none; text-transform:uppercase; }
				#header .user-link .user-image { position:absolute; top:7px; right:0px; }
	#header img { vertical-align:top; }

/*---FOOTER-----*/
#footer { border-top:5px solid #ddd; }
	#footer .footer-div { margin:0 auto; padding:15px 0; width:1000px; }
		#footer .footer-div a { font-size:12px; line-height:20px; color:#000; }


/*---TITLE-----*/
#title { display:none; padding:15px 0; background:#8db1e2; }
	#title .title-div { margin:0 auto; width:1000px; }
		#title .title-div h1 { font-weight:bold; font-size:20px; color:#fff; }

/*---BODY-----*/
#body { padding:15px 0; margin:0 auto; width:1000px; }

#nav-div { margin:0px 35px 0 0; float:left; padding-top:0; width:200px; }
#content-div { float:left; width:675px; }
#content-wide-div { float:none; width:1000px; padding:0; }
#aside-div { float:right; padding:0 0 0 35px; width:290px; }

#content-div .content-div ol, #content-div .content-div ul { margin:0 0 15px 30px; }
	#content-div .content-div ol li { font-size:13px; list-style-type:decimal; list-style-position:inherit; }
	#content-div .content-div ul li { font-size:13px; list-style-type:disc; list-style-position:inherit; }

/*---TAG-BROWSER-----*/
#tags-list { min-height:500px; }
	#tags-list h2 { margin:0; padding:10px 30px 5px 30px; font-size:16px; }
	#tags-list ul { padding:0; background:#f2f2f2; }
		#tags-list ul li { border-bottom:2px solid #fff; position:relative; }
			#tags-list ul li a { display:block; padding:5px 5px 5px 30px; font-size:13px; color:#0ca2da; text-decoration:none; }
			#tags-list ul li a:hover { background:#dedede; }
			#tags-list ul li a.active { color:#fff; background:url(../images/metro/check.png) no-repeat 175px 8px #0ca2da; }
			#tags-list ul li ul { padding-top:2px; padding-right:0; padding-bottom:0px; }
			#tags-list ul li .tooltip-div { display:none; position:absolute; top:-8px; left:100%; padding:10px 10px 0 10px; width:300px; z-index:9999; background:#fff; box-shadow:5px 5px 5px #ddd; }
				#tags-list ul li .tooltip-div .tooltip-arrow { position:absolute; top:10px; left:-9px; display:block; width:9px; height:18px; background:url(../images/bg/tooltip-arrow.png) no-repeat 0 -1px; }
				#tags-list ul li .tooltip-div p { margin:0 0 10px 0; font-size:12px; }
			#tags-list ul li:hover .tooltip-div { display:block; }

/*---PAGINATION-----*/
.paginator-list { float:right; margin:0 0 15px 0; padding:5px; background:#0CA2DA; }
	.paginator-list li { float:left; margin:0 0 0 5px; font-weight:bold; font-size:16px; line-height:normal; color:#fff; width:20px; text-align:center; }
		.paginator-list li a { display:block; color:#fff; font-weight:normal; text-decoration:none; }
		.paginator-list li a:hover { text-decoration:underline; }
		.paginator-list span { display:block; padding:4px 7px; font-weight:normal; font-size:11px; line-height:11px; color:#fff; border:1px solid #005596; background:#6E8CA3; cursor:default; }
		.paginator-list span.current { color:#fff; background:#c7c8ca; }

/*---BOX-----*/
.box-div { }
	.box-div h3 { padding:10px 30px 5px; font-size:16px; }
	.box-div .body-div { }
		.box-div .body-div ul { background:#f2f2f2; }
			.box-div .body-div ul li { position:relative; border-bottom:2px solid #fff; }
			#ie7 .box-div .body-div ul li { overflow:hidden; }
				.box-div .body-div ul .icon-image { position:absolute; left:5px; top:6px; }
				.box-div .body-div ul a { display:block; padding:5px 30px; font-size:13px; color:#0ca2da; text-decoration:none; }
				.box-div .body-div ul a:hover { text-decoration:underline; }
			.box-div .body-div ul li:hover { background:#dedede;  }

/*---CONTENT-ITEM-LIST-----*/
/*
.content-item-list { }
	.content-item-list .header-div { }
		.content-item-list .header-div h2 { margin:0 0 15px 0; }
	.content-item-list .body-list { overflow:hidden; margin-right:-15px; }
		.content-item-list .body-list li { position:relative; float:left; overflow:hidden; margin:0 15px 15px 0; width:215px; height:220px; background:#f2f2f2; cursor:default; }
		.content-item-list .body-list li:hover { background:#dedede;  }
		.content-item-list .body-list li.featured-list-item { }
			.content-item-list .body-list .item-list-div { min-height:210px; padding:5px; }
				.content-item-list .body-list .item-list-div .icon-div { display:block; position:absolute; overflow:hidden; top:2px; right:0px; padding:5px; width:20px; height:20px; }
					.content-item-list .body-list .item-list-div .icon-div img { vertical-align:top; width:20px; }
				.content-item-list .body-list .item-list-div h4 { margin:0 27px 0  0; font-size:16px; line-height:21px; color:#0ca2da; }
					.content-item-list .body-list .item-list-div h4 a { color:#0ca2da; text-decoration:none; }
				.content-item-list .body-list .item-list-div p { margin:0; }
/*-metro-*/
.content-item-list { }
	.content-item-list .header-div { }
		.content-item-list .header-div h2 { margin:0 0 15px 0; }
	.content-item-list .body-list { overflow:hidden; margin-right:-15px; }
		.content-item-list .body-list li { position:relative; margin:0 15px 15px 0; padding-left:55px; cursor:default; cursor:pointer; }
		.content-item-list .body-list li:hover { background:#dedede;  }
		.content-item-list .body-list li.featured-list-item { }
			.content-item-list .body-list .item-list-div { min-height:45px; padding:5px; }
				.content-item-list .body-list .item-list-div .icon-div { display:block; position:absolute; overflow:hidden; top:0px; left:0; padding:5px; width:45px; height:45px; }
					.content-item-list .body-list .item-list-div .icon-div img { vertical-align:top; }
				.content-item-list .body-list .item-list-div h4 { margin:0 27px 0  0; font-size:16px; line-height:21px; color:#0ca2da; }
					.content-item-list .body-list .item-list-div h4 a { color:#0ca2da; text-decoration:none; }
				.content-item-list .body-list .item-list-div p { margin:0; }

/*---TITLE-----*/
.content-title { position:relative; overflow:hidden; margin-bottom:20px; padding-top:5px; padding-left:55px; min-height:40px; }
#ie7 .content-title { padding-top:0; }
	.content-title .icon-image { display:block; position:absolute; top:0px; left:0px; padding:0; min-width:45px; }
		.content-title .icon-image img { }
	.content-title h1 { margin:0; vertical-align:bottom; }
	#ie7 .content-title h1 { line-height:normal; }
		.content-title h1 a { color:#0ca2da; }

/*---INFO-----*/
.content-info-list { margin:20px 0 0 0; font-size:11px; }
	.content-info-list li { margin:0 0 5px 0; }
		.content-info-list a { color:#0ca2da; }
		
/*---CSS3-----*/
.content-item-list .body-list li,
#tags-list ul li a,
.box-div .body-div ul li
{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}